.feature {
    text-align: center;
    height: 400px;
    padding: 30px;
    overflow: hidden;
	margin-bottom: 30px;
	@shadow: 0 1px 4px rgba(0, 0, 0, .075);
	.box-shadow(@shadow);
	&:hover {
		@shadow: 0 1px 5px rgba(0, 0, 0, .175);
		.box-shadow(@shadow);
		i {
       		 background-color    : @brand-primary;
		}
	}
    h3 {
        font-size     : 18px;
		font-weight: bold;
        text-transform: uppercase;
		margin-bottom: 30px;
    }

    i {
        background-color    : lighten(@brand-primary,5%);
        font-size: 36px;
		margin: 30px 0;
		height: 80px;
		width: 80px;
		color: white;
		line-height: 80px;
		border-radius: 100px;
		
    }

    p {
        color      : #777;
        font-weight: 300;
		text-align: center;
    }
}